{
padding: 0;
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 18px;
color: #000000;
background: #ffffff url("original.png") no-repeat 50% 0;
background-size: 80%;
}
}
.container {
width: 480px;
margin: 0 auto;
padding: 0 50px 0;
border-left: 2px solid #666666;
border-right: 2px solid #666666;
background-color: rgba(255, 255, 255, 0.6)
}
.header img {
display: block;
margin: 0 auto;
width: 100%;
}
h1 {
width: 260px;
font-family:"Georgia", sans-serif;
font-size: 36px;
line-height: 36px;
}
h2 {
border-bottom:1px solid #cccccc;
padding-bottom:12px;
}
.header {
margin-bottom: 30px;
}
.skills-item {
margin-bottom: 15px;
padding-left: 20px;
border-left: 10px solid #c4c4c4;
color: #999999;
}
.standart {
border-color: #ffc5b3;
color: #666666;
}
.vip {
border-color: #ff5a26*;
color: #000000;
}
.info {
margin-bottom: 30px;
}
.info p {
display: inline-block;
vertical-align: top;
width: 30%;
margin: 0 5px;
background-repeat: no-repeat;
background-position: center top;
text-align: center;
}
.info-power {
padding-top: 60px;
background-image: url("yoda.png");
background-size: 50%;
}
.info-lazy {
padding-top: 60px;
background-image: url("dart.png");
background-size: 40%;
}
.info-fan {
padding-top: 60px;
background-image: url("droid.png");
background-size: 40%;
}
.skills-list {
padding: 0;
list-style: none;
}
.footer {
display: flex;
justify-content: space-between;
color: #999999;
}